presentation mode用CSS
presentationで検索
code:app.css
}
.app.presentation .navbar,
.app.presentation .quick-launch,
.app.presentation .related-page-list,
.app.presentation .telomere,
.app.presentation .status-bar {
display: none;
}
.app.presentation .page {
box-shadow: none;
}
.app.presentation .line {
font-size: 3vw;
line-height: 1.2em;
}
.app.presentation .line .text:not(.section-title):not(.code-block) {
margin-bottom: 10px;
}
.app.presentation .line img {
zoom: 150%;
}
.app.presentation .line .code-block {
line-height: 1em;
background-color: var(--code-bg, rgba(0, 0, 0, 0.04));
}
.app.presentation .line .code-block code {
font-size: 0.6em;
}
.app.presentation .line .code-block code.code-body {
margin-left: -0.9em;
}
.app.presentation .line .dot {
width: 0.5vw;
height: 0.5vw;
top: calc(0.6em - 0.25vw);
right: 1vw;
}
.app.presentation .line.section-title {
font-size: 6vw;
margin-bottom: 0.5em;
text-align: center;
}
.app.presentation .line.section-title:not(:first-child) {
page-break-before: always;
}
@media print {
.app.presentation .line {
display: block !important;
}
}
.app.presentation .col-page {
min-width: 80vw;
max-width: 130vh;
}
.app.presentation .col-page-side {
opacity: 0;
transition: opacity 0.5s;
}
.app.presentation .col-page-side:hover {
opacity: 1;
}
display: block;
}
margin-top: 50vh;
}
display: block;
}
htmldata-os*="ios" .app.presentation .section-title:not(:first-child), margin-top: 50vh;
}
/* ... */
font-size: 3vw;
}
font-size: 6vw;
}